<template>
  <div>
    <h1>首页</h1>
    <h2>
      <a href="" @click="handleSignOut">退出登录</a>
    </h2>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  created() {
    // 判断有没有token
    const token = localStorage.getItem('token')
    // 没有就跳转到登录页
    if (!token) {
      this.$message.error('检测到您没有登录,即将跳转到登录页')
      setTimeout(() => {
        this.$router.replace('/login')
      }, 3000)
    }
  },
  methods: {
    // 退出
    handleSignOut() {
      // 清除token等用户信息
      localStorage.clear()
      // 跳转到登录页
      this.$router.replace('/login')
    },
  },
}
</script>

<style scoped lang="scss"></style>
